@charset "utf-8";
/*全局*/
* {	margin:0; padding:0; font-family:"Microsoft YaHei", Arial, Helvetica, sans-serif; }
body { font-size:12px; color:#666; background: #f1f1f1; }
input,a,textarea,select,button { outline:none; resize: none; transition: 0.2s; transition-property: border-color, background-color, color, text-shadow; }
input,label { display:inline-block; vertical-align: middle; }
a { font-size:12px; color:#666; text-decoration:none; }
a:hover { color:#666; text-decoration:none; }
ul { list-style:none; }
img { border:none; }
i,em,dfn { font-style: normal; }
th,h1,h2,h3,h4,h5,h6 { font-weight: normal; }
nobr{ display:inline-block; *display:inline; *zoom:1;vertical-align: middle;}
table { border-collapse: collapse; border-spacing: 0; }
.main { width: 1200px; margin: 0 auto; }
.main1000 { width: 1000px; margin: 0 auto; }
.wrap { width: 100%; }
.fl { float: left; }
.fl span{ display:block; float:left; margin-left:15px;}
.fr { float: right; }
.clear:after,.clear_fixed:after { display: block; content: " "; clear: both; }
.hidden { display:none; }
.trat { transition: 0.2s all; } /* css3 */
.traf-s:hover { transform: scale(1.1); } /* css3 */
.pie { position: relative; behavior: url(../../css/pie.htc); }
.op30 { filter:alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; }
.op50 { filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; }
.op80 { filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; }
.op30_bg_b { background-image: url(); }
.op50_bg_b { background-image: url(); }
.op80_bg_b { background-image: url(); }
.op30_bg_w { background-image: url(); }
.op50_bg_w { background-image: url(); }
.op80_bg_w { background-image: url(); }
.inline { display: inline-block; *display:inline; *zoom: 1; }
.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.flex { display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
/*字体*/
@font-face {
  font-family: 'fontello';
  src: url('./font/fontello.eot?9444024');
  src: url('./font/fontello.eot?9444024#iefix') format('embedded-opentype'),
       url('./font/fontello.woff?9444024') format('woff'),
       url('./font/fontello.ttf?9444024') format('truetype'),
       url('./font/fontello.svg?9444024#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fontello { font-family: 'fontello'; }
.tc { text-align: center !important; }
.tl { text-align: left !important; }
.tr { text-align: right !important; }
.f12 { font-size: 12px !important; }
.f14 { font-size: 14px !important; }
.f16 { font-size: 16px !important; }
.f18 { font-size: 18px !important; }
.f20 { font-size: 20px !important; }
.f22 { font-size: 22px !important; }
.f24 { font-size: 24px !important; }
.f26 { font-size: 26px !important; }
.f28 { font-size: 28px !important; }
.f30 { font-size: 30px !important; }
/*边框*/
.bt { border-top: 1px solid #ddd; }
.bb { border-bottom: 1px solid #ddd; }
.bl { border-left: 1px solid #ddd; }
.br { border-right: 1px solid #ddd; }
.ba { border: 1px solid #ddd; }
.nobt { border-top: none !important; }
.nobb { border-bottom: none !important; }
.nobl { border-left: none !important; }
.nobr { border-right: none !important; }
.noba { border: none !important; }
.bshadow { -webkit-box-shadow: 0 0 3px #cfcfcf; -moz-box-shadow: 0 0 3px #cfcfcf; box-shadow: 0 0 3px #cfcfcf; } /* css3 */
.bshadow-x { -webkit-box-shadow: 1px 0 3px #cfcfcf; -moz-box-shadow: 1px 0 3px #cfcfcf; box-shadow: 1px 0 3px #cfcfcf; } /* css3 */
.bshadow-y { -webkit-box-shadow: 0 1px 3px #cfcfcf; -moz-box-shadow: 0 0 3px #cfcfcf; box-shadow: 0 1px 3px #cfcfcf; } /* css3 */
.bshadow-x-y { -webkit-box-shadow: 1px 1px 3px #cfcfcf; -moz-box-shadow: 1px 1px 3px #cfcfcf; box-shadow: 1px 1px 3px #cfcfcf; } /* css3 */
.bradius3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* css3 */
.bradius5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* css3 */
span.input_desc { position: absolute; top: 0; left: 0; color: #c3c3c3; font-size: 14px; }
/**/
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.pb10 { padding-bottom: 10px !important; }
/*验证*/
.Validform_checktip {}
.Validform_wrong { color: #ff0000 !important; }
.Validform_right { color: #71b83d !important; }


/*头部*/
.top_box{width:100%;min-width:1200px;background:#FFF; position:relative; z-index:999;}
.top_box a:hover{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.top{width:100%;/*height:35px;*/ line-height:35px; background:#f1f1f1;  }
.topsum{font-size:12px;color:#494949; line-height:34px;}
.topsum font.fontello{ color:#fd5353; margin-right:5px; cursor:auto;}
.topsum .fontello{vertical-align:top; cursor:pointer;}
.topsum big{vertical-align:top;}
.topsum .qq{ padding-left:20px; background:url() no-repeat 0px 0px;}

.topsum .fr, .topsum  a{ font-size:12px; color:#494949;}
.topsum  dl{ position:relative; width:90px; text-align:center; cursor:pointer;}
.topsum  dd{ position:absolute; width:100%; z-index:2; display:none; background:#fff;}
.topsum  dd a{ display:block; font-size:12px; line-height:24px; text-align:center;}
.topsum  dd a:hover{color:#fd5353; }
.topsum  dl:hover dd{ display:block;}
.top_cor{ color:red;}


.top_logo{position:relative;display:table-cell;vertical-align:middle;height:80px;float:left; margin-top:10px;}
.top_logo a{position:static;+position:absolute;top:50%}
.top_logo img{position:static;+position:relative;top:-50%;}

.top_head {position:relative; height:80px; }
.top_head  p{ height:45px; float:right; margin-top:20px;}
.top_head .input_desc{ position:absolute; top:8px; left:8px; font-size:12px; color:#a8a8a8;}
.top_head  a.btn{ width:77px; height:45px; text-align:center; line-height:45px;font-size:20px; color:#fff; background:#ff4400; vertical-align: top;}





/*导航*/
.top_nav { margin-top: 25px; z-index:9999; }
.top_nav li { float: left; height: 40px; line-height: 40px; padding: 0; }
.top_nav li > a { font-size: 16px; padding: 0px 8px; border-bottom: 4px solid transparent; }
.top_nav li.sel > a,.top_nav li:hover > a { color: #ff4400; border-bottom-color: #ff4400; }
.top_nav .search { width: 30px; position: relative; }
.top_nav .search .search_txt { width: 0; height: 34px; font-size: 14px; padding: 0 17px; background: #fff; border: 2px solid #ff4400; border-radius: 19px; position: absolute; right: 0; }
.top_nav .search .search_btn { width: 38px; height: 38px; font-size: 20px; color: #ff4400; background: none; border: none; position: absolute; cursor: pointer; }
/*nav_list*/
.nav_list{  z-index:9; width:100%;  height:400px; }
.nav_list dd{ height:49px; line-height:49px; margin:0px 8px;  font-size:16px; color:#fff; border-top:#FFF 1px dashed;}
.nav_list dd a{ background:none !important; display:inline; font-size:16px; color:#fff; }
.nav_list dd nobr{ width:25px; height:25px; margin:0 14px 0 20px; background:url(../images/nan_list.png) no-repeat 0 0;}
.nav_list dd nobr.no2{ background-position:-25px 0;}
.nav_list dd nobr.no3{ background-position:-50px 0;}
.nav_list dd nobr.no4{ background-position:-75px 0;}
.nav_list dd nobr.no5{ background-position:-100px 0;}
.nav_list dd nobr.no6{ background-position:-125px 0;}
.nav_list dd nobr.no7{ background-position:-150px 0;}
.nav_list dd nobr.no8{ background-position:-175px 0;}
.nav_list dd:hover{ background:#ff4400; margin:0;} 
.nav_list dd:hover nobr{ margin:0 14px 0 40px;}

.top_nav{ height:50px; line-height:50px; border-bottom:#fd5353 2px solid;}
.top_nav li { position:relative; float:left;}
.top_nav li>a { display:block; text-align:center; width:120px; line-height:48px; font-size:16px; color:#222222; }
.top_nav li.sel a { color: #fff; background:#ff4400;}
.top_nav li:hover a{ color:#ff4400;}
.top_nav li.all a{ width:233px; background:#ff4400; color:#fff;}

.info dd { float:left; width:120px;}
.info dd .price { font-size: 14px; }
.info dd .price i { color: #ff4400; font-weight:bolder; }
.info dd .price strong { color:#ffcc00;}


/*底部*/
.serve_wrap { margin: 0 45px; }
.serve_info { width: 1050px; }
.serve_info dl { float: left; width: 110px; margin-right: 40px; }
.serve_info dl dt { width: 80px; height: 80px; margin: 0 auto; }
.serve_info dl dt img { width: 80px; height: 80px; }
.serve_info dl dd { text-align: center; }
.foot_links { font-size: 0; padding: 10px 0; }
.foot_links a { color: #000; }
.foot_links a:hover { text-decoration: underline; color: #ff4400; }
.foot_links i { font-size: 12px; margin: 0 5px; }
.foot_box { text-align: center; line-height: 24px; font-size: 14px; padding: 30px 0; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.3); position: relative; z-index: 5; }

/*以下是公用组件*/

/*站点地图*/
.site { height: 50px; line-height: 50px; }

/*分页*/
.pager { display: table-cell; vertical-align: middle; height: 100px; text-align: center; line-height: 26px; }
.pager * { transition: 0.2s; transition-property: border-color, background-color, color, text-shadow; }
.pager b,.pager i,.pager span,.pager a { display: inline-block; vertical-align: middle; }
.pager b,.pager i { min-width: 20px; height: 14px; text-align: center; line-height: 14px; padding: 5px 0; border: 1px solid transparent; border-radius: 2px; cursor: pointer; }
.pager b:hover,.pager i:hover { color: #fff; background: #ff4400; }
.pager .page_line { margin: 0 3px; }
.pager .no_page,.pager .this_page,.pager a { min-width: 20px; height: 14px; text-align: center; line-height: 14px; padding: 5px; background: #fff; border: 1px solid #ebebeb; border-radius: 2px; cursor: pointer; }
.pager .no_page { color: #ccc; }
.pager .this_page { color: #fff; background: #ff4400; border-color: #ff4400; }
.pager a:hover { border-color: #ff4400; }
.pager .page_go { margin-left: 10px; }
.pager input { height: 14px; line-height: 14px; font-size: 12px; margin: 0 2px; padding: 5px; border: 1px solid #ebebeb; border-radius: 2px; }

/*输入框通用*/
input[type=text]:focus,input[type=password]:focus { border-color: #bc2429; box-shadow: 0 0 5px rgba(188,1,26,.5); }

/*按钮通用*/
.btn { color: #fff; background: #ff4400; border: 1px solid #ff4400; cursor: pointer; position: relative; }
.btn:hover { color: #ff4400; background: #fff; box-shadow: 0 0 5px rgba(188,1,26,.5); }
.unbtn { color: #ff4400; background: #fff; border: 1px solid #ff4400; cursor: pointer; position: relative; }
.unbtn:hover { color: #fff; background: #ff4400; box-shadow: 0 0 5px rgba(188,1,26,.5); }

/*选中框*/
label { padding-left: 5px; position: relative; cursor: pointer; }
.checkbox { width: 16px; height: 16px; margin-top: -9px; background: #fff; border: 1px solid #bfbfbf; position: absolute; top: 50%; left: -20px; transition: 0.2s border-color; }
.checkbox:after { content: ""; width: 12px; height: 12px; position: absolute; top: 2px; left: 2px; transition: 0.2s background-color; }
.checkbox.checked { border-color: #ff4400; }
.checkbox.checked:after { background: #ff4400; }
.radio { width: 16px; height: 16px; margin-top: -9px; background: #fff; border: 1px solid #bfbfbf; border-radius: 50%; position: absolute; top: 50%; left: -20px; transition: 0.2s border-color; }
.radio:after { content: ""; width: 12px; height: 12px; border-radius: 50%; position: absolute; top: 2px; left: 2px; transition: 0.2s background-color; }
.radio.checked { border-color: #ff4400; }
.radio.checked:after { background: #ff4400; }

/*loading效果*/
.loading_wrap { display: none; background: rgba(0,0,0,.3); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; }
.loading_wrap img { width: 62px; height: 62px; margin: -31px 0 0 -31px; position: absolute; top: 50%; left: 50%; }

.search_tab{ width:540px; margin-top:11px; float:left;}
.search{ width:540px; height:38px; background:url(../images/main/m1.jpg) no-repeat;}
.search_text{ width:400px; height:38px; line-height:38px; background:none; padding:0 7px; float:left; outline:none; border:2px solid #ff4400; margin-top:10px;}
.search_btn{ width:86px; height:42px;  cursor:pointer; float:left; outline:none;align-items: flex-start;border:2px solid #ff4400; background:#ff4400;padding:0 7px;color:#fff;margin-top:10px;}
